<template>
  <el-container>
  <el-header>
      <el-button type="primary" class="btn float-left" round>{{lang._175}}</el-button>
  </el-header>
  <el-main>
      <el-table class="text-center tables" :data="tableData" stripe header-cell-style="color:#409eff;background-color:#ECF5FF;text-align:center;font-size:15px;padding-left:0;padding-right:0">
        <el-table-column prop="uid" :label="lang._045" width="100">
        </el-table-column>
        <el-table-column prop="operate" :label="lang._028" width="100">
          <template slot-scope="scope">
            <el-button type="text" size="small" width="100">{{lang._078}}</el-button>
          </template>
        </el-table-column>
        <el-table-column prop="gradeName" :label="lang._176" width="250">
        </el-table-column>
        <el-table-column prop="specialDiscount" :label="lang._177" width="250">
        </el-table-column>
        <el-table-column prop="isPoint" :label="lang._178" width="250">
        </el-table-column>
        <el-table-column prop="autoEscalationRule" :label="lang._179">
        </el-table-column>
      </el-table>
  </el-main>
</el-container>
</template>
<style lang="less" scoped>
  .btn {
    margin-top: 15px;
    height: 30px;
    line-height: 30px;
    padding: 0 20px;
  }
  .el-header, .el-footer {
    background-color: #FFFFFF;
    color: #333;
    text-align: center;
    line-height: 60px;
  }
  
  .el-aside {
    background-color: #D3DCE6;
    color: #333;
    text-align: center;
    line-height: 200px;
  }
  
  .el-main {
    background-color: #E9EEF3;
    color: #333;
    text-align: center;
    // line-height: 160px;
  }
  
  body > .el-container {
    margin-bottom: 40px;
  }
  
  .el-container:nth-child(5) .el-aside,
  .el-container:nth-child(6) .el-aside {
    line-height: 260px;
  }
  
  .el-container:nth-child(7) .el-aside {
    line-height: 320px;
  }
</style>

<script>
export default {
  props:['lang'],
  data(){
      return{
          tableData: [{
              uid: '1',
              gradeName: '内部员工',
              specialDiscount: '90',
              isPoint: '是',
              autoEscalationRule: '积分达到100'
          },{
              uid: '1',
              gradeName: '内部员工',
              specialDiscount: '90',
              isPoint: '是',
              autoEscalationRule: '积分达到100'
          },{
              uid: '1',
              gradeName: '内部员工',
              specialDiscount: '90',
              isPoint: '是',
              autoEscalationRule: '积分达到100'
          },{
              uid: '1',
              gradeName: '内部员工',
              specialDiscount: '90',
              isPoint: '是',
              autoEscalationRule: '积分达到100'
          },{
              uid: '1',
              gradeName: '内部员工',
              specialDiscount: '90',
              isPoint: '是',
              autoEscalationRule: '积分达到100'
          },]
      }
  }
}
</script>
